body { 
	color: black; 
	font-size: 12px; 
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px; 
}
h1 { 
	/* font-size: 21px; */
	/* font-weight: bold; */
	line-height: 30px; 
	margin: 0.67em 0; 
}
h2 { 
	font-weight: normal; 
	margin: 1em 0; 
}
h3 { 
	/* font-size: 14px; */
	/*font-weight: bold; */ 
	margin: 1em 0; 
}

a:link { color: #040B83; }        /* new link, blue */
a:visited { color: #040B83; }     /* visited link, blue */
a:hover { color: #BC0FEA; }       /* hover, purple */
a:active { color: #BC0FEA; }      /* active, purple */

ul.spacing{ 
	margin: 0;
	padding: 0 0 2em 1.25em;
}

ul.menu{
	list-style: none;
	padding-left: 1em;
}

li.menu{
	padding-bottom: 1.3em;
}

p.spacing {
	margin: 0;
	padding: 0;
}	
	
B.here { font-weight: bold; color: black; }  /* current node, black */
code { font-family: monospace; } /* font-size: large; */
                                   /* fixed width fonts */
.pad { padding-left: 12px; }

div#header {
  clear: both;
  width: 100%;
  border-bottom: 4px #C6D0EE solid;
  /*margin-left: 0px;
  margin-right: 0px; */
  padding: 0 0 1em 0;
  /*font-size: 80%; */
  text-align: left;
}

div#footer {
  clear: both;
  width: 100%;
  border-top: 4px #C6D0EE solid;
  margin: 3em 0 0 0;
  /* padding: 2em 0 0 0; */
  font-size: 80%;
  text-align: left;
}

.footer-text {
  margin-left: 1em;
  margin-right: 1em;
}

table { padding: 0; }

td, th { vertical-align: top; }

td.sidebar { /* the left side of the screen */
	background: #C6D0EE; 
	width: 13em;   /*150px */
	padding-top: 3em;	
}

td.menu {
	margin: 0;
	padding: 0.25em;
}

td.main {  /* the right side of the screen */
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	padding-left: 3em;
} 

td.lecture { 
	/* background: #e8e6d8; */
	padding-right: 1em; 
} 
	
td.line{
	margin: 0;
	padding: 0;
 } 
 
td.weeks{
	background-color: #C6D0EE;
	margin-top: 0;
	/* font-weight: bold; */
	/* color: #fff;*/
 } 

.collapsible {
	background-color: #C6D0EE;
	/* color: white; */
	cursor: pointer;
	padding: 0;
	margin-left: 0;
	/* width: 100%; */
	border: none;
	text-align: left;
	vertical-align: top;
	outline: none;
	/*font-size: 15px;*/
	color: #040B83;
}

.active, .collapsible:hover {
	background-color: #AEA1F5; /* #F2A1F5; */
}

.content {
	/* padding: 0 18px; */
	display: none;
	overflow: hidden;
	/* background-color: #C6D0EE; /* #E6F5A1 */
	padding-right: 1em; 
}